document.writeln("<!DOCTYPE html>");
document.writeln("<html>");
document.writeln("  <head>");
document.writeln("    <meta charset=\'utf-8\'>");
document.writeln("    <title></title>");
document.writeln("    <link rel=\'stylesheet\' href=\'css/reset.css\' />");
document.writeln("    <link rel=\'stylesheet\' href=\'css/style.css\' />");
document.writeln("  </head>");
document.writeln("  <!-- 公共组件头部 -->");
document.writeln("  <body>");
document.writeln("    <!-- 头部 -->");
document.writeln("    <header>");
document.writeln("    	<div class=\'head\'>");
document.writeln("    		<a href=\'index.html\' class=\'title\'>现代学院官网</a>");
document.writeln("    		<span></span>");
document.writeln("    		<div id=\'search\'>");
document.writeln("    			<a href=\'#\' class=\'search\' id=\'searchIcon\'>");
document.writeln("    				<i class=\'icon\'></i>");
document.writeln("    			</a>");
document.writeln("    			<div id=\'searchForm\'>");
document.writeln("    				<div class=\'searchForm\'>");
document.writeln("    					<button>");
document.writeln("    						<img src=\'img/search_active.png\' alt=\'\' />");
document.writeln("    					</button>");
document.writeln("    					<input type=\'search\' placeholder=\'请输入关键字\'/>");
document.writeln("    					<button id=\'closeSearch\' class=\'close\'>");
document.writeln("    						<img src=\'img/24gl-cross.png\'/>");
document.writeln("    					</button>");
document.writeln("    				</div>");
document.writeln("    			</div>");
document.writeln("    		</div>");
document.writeln("    	</div>");
document.writeln("    </header>");
document.writeln("    <!-- 导航栏 -->");
document.writeln("    <nav>");
document.writeln("    	<div class=\'logo\'>");
document.writeln("    		<img src=\'img/logo.png\'/>");
document.writeln("    	</div>");
document.writeln("    	<ul class=\'menus\'>");
document.writeln("    		<li class=\'submenus\'>");
document.writeln("    			<a href=\'index.html\' class=\'sublink\'>首页</a>");
document.writeln("    		</li>");
document.writeln("    		<li class=\'submenus\'>");
document.writeln("    			<a href=\'#\' class=\'sublink\'>专才风貌</a>");
document.writeln("    			<ol>");
document.writeln("    				<li> <a href=\'collegeIntroduction.html\'>学院简介</a> </li>");
document.writeln("    				<li> <a href=\'specialReport.html\'>专题报道</a> </li>");
document.writeln("    			</ol>");
document.writeln("    		</li>");
document.writeln("    		<li class=\'submenus\'>");
document.writeln("    			<a href=\'#\' class=\'sublink\'>专业建设</a>");
document.writeln("    			<ol>");
document.writeln("    				<li> <a href=\'intelligence.html\'>智能制造专业群</a> </li>");
document.writeln("    				<li> <a href=\'accrualGroup.html\'>计应与网络专业群</a> </li>");
document.writeln("    				<li> <a href=\'commerceGroups.html\'>电商与建筑室内设计专业群</a> </li>");
document.writeln("    			</ol>");
document.writeln("    		</li>");
document.writeln("    		<li class=\'submenus\'>");
document.writeln("    			<a href=\'teachingResources.html\' class=\'sublink\'>教学资源</a>");
document.writeln("    		</li>");
document.writeln("    		<li class=\'submenus\'>");
document.writeln("    			<a href=\'#\' class=\'sublink\'>党团工作</a>");
document.writeln("    			<ol>");
document.writeln("    				<li> <a href=\'#\'>党建引领</a> </li>");
document.writeln("    				<li> <a href=\'#\'>团学工作</a> </li>");
document.writeln("    			</ol>");
document.writeln("    		</li>");
document.writeln("    		<li class=\'submenus\'>");
document.writeln("    			<a href=\'studentStyle.html\' class=\'sublink\'>学生风采</a>");
document.writeln("    		</li>");
document.writeln("    		<li class=\'submenus\'>");
document.writeln("    			<a href=\'#\' class=\'sublink\'>校企就业</a>");
document.writeln("    			<ol>");
document.writeln("    				<li> <a href=\'schoolEnterpriseEmployment.html\'>校企动态</a> </li>");
document.writeln("    				<li> <a href=\'employmentGuidance.html\'>就业指导</a> </li>");
document.writeln("    				<li> <a href=\'alumniStyleColor.html\'>校友风采</a> </li>");
document.writeln("    			</ol>");
document.writeln("    		</li>");
document.writeln("    		<li class=\'submenus\'>");
document.writeln("    			<a href=\'#\' class=\'sublink\'>联系我们</a>");
document.writeln("    		</li>");
document.writeln("    	</ul>");
document.writeln("    </nav>");
document.writeln("  </body>");
document.writeln("</html>");
document.writeln("<script>");
document.writeln("  searchForm.style.display = \'none\';");
document.writeln("  searchIcon.addEventListener(\'click\' , function(){");
document.writeln("  	this.style.display = \'none\';");
document.writeln("  	searchForm.style.display = \'block\';");
document.writeln("  })");
document.writeln("  closeSearch.addEventListener(\'click\' , function(){");
document.writeln("  	console.log(searchIcon.style.display);");
document.writeln("  	searchIcon.style.display = \'flex\';");
document.writeln("  	searchForm.style.display = \'none\';");
document.writeln("  })");
document.writeln("</script>");